<!--
 * @msg: 
 * @name: 
 * @param: 
 * @return: 
-->
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
  <div class="container">
    <div class="tabs">
      <button class="tab active" data-tab="analysis">交易分析</button>
      <button class="tab" data-tab="open">开仓记录</button>
      <button class="tab" data-tab="close">平仓记录</button>
    </div>

    <!-- 交易分析面板 -->
    <div id="analysis" class="tab-content active">
      <div class="input-group">
        <label>交易品种：</label>
        <input type="text" id="symbol" class="win-input">
      </div>
      <div class="input-group">
        <label>持仓方向：</label>
        <select id="direction" class="win-select">
          <option>做多</option>
          <option>做空</option>
        </select>
      </div>
      <div class="input-group">
        <label>推动级别：</label>
        <input type="text" id="driveLevel" class="win-input">
      </div>
      <div class="input-group">
        <label>推动均线级别：</label>
        <input type="number" id="maLevel" class="win-input">
      </div>
    </div>

    <!-- 开仓面板 -->
    <div id="open" class="tab-content">
      <div class="input-group">
        <label>开仓价格：</label>
        <input type="number" id="openPrice" class="win-input">
      </div>
      <div class="input-group">
        <label>止损价格：</label>
        <input type="number" id="stopLoss" class="win-input">
      </div>
      <div class="input-group">
        <label>仓位价值：</label>
        <input type="number" id="positionValue" class="win-input">
      </div>
      <div class="input-group">
        <label>账户总额：</label>
        <input type="number" id="totalAccount" class="win-input">
      </div>
    </div>

    <!-- 平仓面板 -->
    <div id="close" class="tab-content">
      <div class="input-group">
        <label>盈亏情况：</label>
        <input type="number" id="profitLoss" class="win-input">
      </div>
      <div class="input-group">
        <label>交易评价：</label>
        <select id="evaluation" class="win-select">
          <option>严格执行交易系统</option>
          <option>存在执行瑕疵</option>
          <option>存在情绪化干预</option>
          <option>严重主观交易</option>
        </select>
      </div>
      <div class="input-group">
        <label>交易截图链接：</label>
        <input type="url" id="screenshot" class="win-input" placeholder="https://example.com/screenshot.png">
      </div>
      <div class="input-group">
        <label>交易总结：</label>
        <textarea id="summary" class="win-input" rows="3"></textarea>
      </div>
    </div>

    <div class="action-buttons">
      <button id="saveBtn" class="win-button primary">保存记录</button>
      <button id="exportBtn" class="win-button">导出日志</button>
      <input type="file" id="importFile" accept=".csv" hidden>
      <button id="importBtn" class="win-button">导入日志</button>
    </div>

    <div class="log-container">
      <h3>交易日志</h3>
      <div id="logList" class="log-list"></div>
    </div>
  </div>
  <script src="popup.js"></script>
</body>
</html> 